<template>
  <div>
    <Form label-position="right" :label-width="400">
      <Row class="mb20">
        <Col span="7" class="ivu-form-item-label">姓名：</Col>
        <Col span="12" class="ivu-form-item-content">
          <Input v-model="personinfo.name" disabled></Input>
        </Col>
      </Row>
      <Row class="mb20">
        <Col span="7" class="ivu-form-item-label">证件号码：</Col>
        <Col span="12" class="ivu-form-item-content">
          <Input v-model="personinfo.cardno" disabled></Input>
        </Col>
      </Row>
      <Row class="mb20">
        <Col span="7" class="ivu-form-item-label">证件类型：</Col>
        <Col span="12" class="ivu-form-item-content">
          <Select v-model="params.idcard_type" style="width:218px" filterable>
            <Option value="01">公民身份号码</Option>
            <Option value="08">外国人护照</Option>
            <Option value="11">光荣证</Option>
            <Option value="12">残疾证</Option>
            <Option value="13">烈士证</Option>
            <Option value="14">优抚证</Option>
            <Option value="15">低保证</Option>
            <Option value="16">低保边缘证</Option>
          </Select>
        </Col>
      </Row>
      <Row class="mb20">
        <Col span="7" class="ivu-form-item-label">联系电话：</Col>
        <Col span="12" class="ivu-form-item-content">
          <Input v-model="params.mobile" ></Input>
        </Col>
      </Row>
    </Form>
  </div>
</template>

<script>

export default {
  name: 'insuredItemForm',
  props: {
    params: Object,
    personinfo: Object,
    state: Number
  },
  data () {
    return {
    }
  },
  methods: {
  },
  watch: {
    state (num) {
      if (!this.params.cardno) {
        this.params.idcard_type = '01'
        this.params.mobile = this.personinfo.mobile
      }
    }
  }
}
</script>

<style scoped>
</style>
